Page({
  data: {
    jockList: [],
    refresherTriggered: false
  },
  async onLoad(options) {
    // 显示加载中
    wx.showLoading({
      title: '加载中···',
    })
    const res = await this.getList()
    console.log(res);
    this.setData({
      jockList: res.data
    })
  },
  getList() {
    const promise = new Promise(resolve => {
      // 这个位置 存放异步  大段
      // 微信小程序自带的发送请求的代码
      wx.request({
        url: 'https://api-vue-base.itheima.net/api/joke/list',
        data: {
          num: 10,
        },
        // method:"POST"
        // 参数都可以放在这里！！！ 
        // data:{}
        success: (res) => {
          // 获取数据之后关闭加载显示
          wx.hideLoading()
          // this ... 
          // 小程序规定上线 ，调用的接口 必须提前在后台中 记录过！！  接口 对应域名  要求备案过 、 https！！  开发中 不用这么严格 
          // console.log(res.data);
          // 异步完事 调用  resolve
          resolve(res.data)
          this.setData({
            jockList: res.data.data
          })
        }
      })
    })
    return promise
  },
  // 滚动条触底
  async onScrollReachBottom() {
    const res = await this.getList()
    // console.log(res);
    this.setData({
      jockList: [...jockList, ...res.data]
    })
  },
  // 下拉刷新
  async onRefresherRefresh() {
    // 1 设置下拉状态
    this.setData({
      refresherTriggered: true
    })

    // 2 直接获取新数组 
    const res = await this.getList()
    this.setData({
      jockList: res.data,
      // 告诉组件 刷新结束了 
      refresherTriggered: false
    })
  }

})